<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<title>注册</title>
		<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
	</head>
	<body>
		<div id="register">
			<h3>注&nbsp;&nbsp;册</h3>
			<div class="register">
				<div class="register_div">
					<span>姓&nbsp;名：</span>
					<input class="name_input" placeholder="请输入姓名"  type="text" v-model="name"/>
				</div>
				<div class="register_div">
					<span>学&nbsp;号：</span>
					<input class="number_input" placeholder="请输入学号"  type="text" v-model="number"/>
				</div>
				<div class="register_div">
					<mt-radio
					  title=""
					  v-model="value1"
					  :options="['团员', '非团员']">
					</mt-radio>
				</div>
				<div class="register_div">
					<span>学&nbsp;院：</span>
					<select v-model='selected'>
			          <option class="opt_1" v-for="option in options" v-bind:value="option.value">
			            {{ option.text }}
			          </option>
			        </select>
					<!--<span>Selected: {{ selected }}</span>-->
				</div>
				<div class="register_btn">
					<button class="register_button"/>注册</button>
				</div>
				<a class="login_btn" href="login.html">已注册过，直接登录</a>
			</div>
		</div>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://unpkg.com/mint-ui/lib/index.js"></script>
		<script src="js/vue-resource.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			new Vue({
				el: '#register',
				data: {
					name: '',
					number: '',
					value:'',
					value1:'',
					selected: 'C', 
					options: [
			          { text: '商学院', value: 'A' },  //每个选项里面就不用在多一个selected 了
			          { text: '文学院', value: 'B' },
			          { text: '土木院', value: 'C' }
			        ]
				},
				created:function(){
					
				}
			})
		</script>
	</body>
</html>
